@import "../base";

/** 弹框 **/
.frame-bg { .pa; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0,0,0,.65); z-index: 999; 
	.frame-fxxfsj { overflow-y: visible; }
}
.frame { .pa; top: 50%; left: 50%; .transform(translate(-50%,-50%)); .wh(45%,auto); max-height: 90%; overflow-y: scroll; .bg(); z-index: 9999;
	
	.frame-tit {
		h1 { .cb85; padding: 20px 30px; .fzz(24px); .fw(normal); .lh(30px); border-bottom: 1px solid #E9E9E9;
			i { .pi; .fzz(28px);  }
			i:hover { .c(#108EE9); }
		}
	}
	.form-insert1 {
		.form-bg { .bg(#f5f5f5); padding: 10px 0; }
		form {
			>div{
				margin: 20px 0;
				input,textarea,select {
					width: 55%;
				}
			}
			.form-btn {
				input { width: 66px; }
			}
			.form-radio {
				width: 55%;
				input { .wh(14px,14px); }
			}
			//支付金额
			.form-frame-div { .form-frame-sign { .lh(30px); margin: 7px 13px; } 
				i { .mr(5px); }
				.form-zf-tdc { padding: 15px; .wh(150px,150px); img { .wh; } }
				strong { .fzz(24px); padding: 0 10px; font-family: Helvetica; }
			}
			//--strong对应的span高度
			.form-sp-h { span { .lh(34px); } }
			.form-frame-oneColumn { input { width: 74%; } }
			.form-frame-twoColumn { input { width: 30%; } }
			//颜色
			.form-blue { .c(#1890FF); }
			.form-green { .c(#52C41A); }
			//分割线
			.form-hr { width: 100%; height: 1px; .bg(#E9E9E9); }
		}
		//提示框 
		.form-notice { width: 85%; .boxs; .ma; padding: 10px 0 10px 40px; .c(#1890FF); .bradius(5px); .border(#91D5FF); .bg(#E6F7FF);
			background: #E6F7FF url() no-repeat 15px center;
			.rig { .mr(20px); .cb45(); .pi; }
		}
		//支付状态
		.frame-status {
			 width: 90%; .ma; padding: 30px; .center;
			 i { display: block; .fzz(100px); .lh(100px); }
			 .f-zf-notice1 { .fzz(24px); .cb85; .fw(500); }
			 .f-zf-notice2 { .cb45; }
		}
	}

	//提交项目申请
	.frame-tjxmsq {
		padding: 0 percentage(90/864);
		.tjxmsq-msg { .center; margin: 30px 0;
			i { .diA(72px,72px); .mb(20px); }
			.tk-icon-notice { .bgC(""); }
			.tk-icon-dui { .bgC(""); }
			p { .cb45; padding: 4px 0; .fzz(16px); }
		}
	}
}
//提交按钮
.frame-sub { .center; margin: 30px 0;
	a { .diA(140px,40px);  margin: 0 20px; .border(#D9D9D9); .cb65; .center;  .lh(40px); .bradius(4px); .fzz(16px); }
	a:first-child { .bg(#1890FF); .cw85; border: none; }
	a:first-child:active { .bg(#0071DB); }
	a:nth-child(2):active { .bg(#D3D3D3); }
}
/* 房源列表弹框宽度 */
.frame-fylb { width: 83.333333%; .selection { margin: 24px; .border(#E9E9E9); } .housing-out {padding: 0 24px;} }

